<template>
    <view class="easy-bottom-btn-bar">
        <button class="btn" @click="clickFn">{{ btnText }}</button>
    </view>
</template>

<script>
export default {
    props: {
        btnText: {
            type: String,
            default: "确认",
        },
    },
    data() {
        return {}
    },
    methods: {
        clickFn() {
            this.$emit("clickFn", "")
        },
    },
}
</script>

<style lang="scss">
.easy-bottom-btn-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: $app-page-padding;
    .btn {
        height: 88rpx;
        width: 100%;
        color: $color-white;
        background: $app-color-main;
    }
}
</style>
